<template>
  <div id="app">
    <c-header></c-header>

    <div class="main">
      <router-view class="main-wrapper">

      </router-view>
    </div>
    <c-backtop></c-backtop>
    <c-footer></c-footer>
  </div>
</template>

<script>
import cFooter from 'components/Footer';
import cHeader from 'components/Header';
import cBacktop from 'components/backToTOP';

export default {
  name: 'app',
  components: {
    cFooter,
    cHeader,
    cBacktop
  }
}
</script>

<style lang='scss'>
*{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
li{
  list-style: none;
}
body{
  height: 100%;
  font: 16px 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
  background-color: #E1E1E1;
}
html,
#app {
  height: 100%;
}
.main{
  min-height: 100%;
  padding: 0 5%;
}
</style>
